(function(){
    //发送ajax请求
    ajax({
      url:"http://localhost:3000/cardRule",//user是服务器中挂载""中的路径名称
      type:"get",
      //data:,
      dataType:"json" //自动JSON.parse()
    })//return Promise
      //  onreadystatechange中: 
      //           result <- 收到服务端的
      //  然后把result放入
      //              ↓
      //      open(result)
      //              ↓
    .then(function(result){
      console.log(result);
      var table=document.createElement("table");

      //var thead=document.createElement("thead");
      //table.appendChild("thead")
      var thead=table.createTHead();

      //var tr=document.createElement("tr");
      //thead.appendChild(tr);
      var tr=thead.insertRow();

        for(var key in result[0]){
         // var th=document.createElement("th") 
          //th.innerHTML=key;
          //thead.appendChild(th)
          tr.insertCell().innerHTML=key;
        }
        tr.insertCell().innerHTML="操作"
        tr.insertCell().innerHTML="操作"
      console.log(thead);

        var tbody=table.createTBody();
        for(var emp of result){
          //var tr=document.createElement("tr");
          //tbody.appendChild(tr);
          var tr=tbody.insertRow();
          for(var key in emp){
            // var td=document.createElement("td");
            // tr.appendChild(td);
            // td.innerHTML=emp[key];//当前属性的值
            tr.insertCell().innerHTML=emp[key]
          }
          var upDate=document.createElement("button");
          upDate.value="修改"
          var Del=document.createElement("button");
          Del.value="删除"
          tr.insertCell().innerHTML=`<a href="javascript:;">修改</a>`;
          tr.insertCell().innerHTML=`<a href="javascript:;">删除</a>`;
        }
      console.log(table);
      var product=document.getElementById("cardRule");
      product.appendChild(table);
    })
  })();

  var add=document.getElementsByClassName("content")[0].children[1].children[0].children[1];
  //console.log(add);  add为右上角添加按钮
  add.onclick=function(){
    var more=document.getElementsByClassName("more")[0];
    console.log(more);
    more.style.display="block";
  }
  var x=document.getElementsByClassName("more")[0].children[1];
  x.onclick=function(){
    this.parentNode.style.display="none";
  }


    //找到添加的a标签
var addbtn=document.getElementsByClassName("more")[0].children[0].lastElementChild;
console.log(addbtn)

//当添加的内容没有空白的时候发送ajax请求
addbtn.onclick=function(){
  var cardClass=document.getElementById("cardClass").value;
  var cardTitle=document.getElementById("cardTitle").value;
  var cardContent=document.getElementById("cardContent").value;

  if(cardClass==""||cardTitle==""||cardContent==""){
    alert("小主，内容不能为空哦");
    return;
  } 
  else{
    var formdata="cardClass="+cardClass+"&cardTitle="+cardTitle+"&cardContent="+cardContent;
    console.log(formdata);
    ajax({
      url:"http://localhost:3000/cardRule/add",//user是服务器中挂载""中的路径名称
      type:"post",
      data:formdata,
      dataType:"json" //自动JSON.parse()
    })//return Promise             ↓
    .then(function(result){
      if(result=="200"){
        alert("添加成功")
      }
    })
  }
}


//修改内容
//修改内容可以关闭
var Y=document.getElementsByClassName("updateAll")[0].children[1];
Y.onclick=function(){
  this.parentNode.style.display="none";
}


var UP=document.getElementById("cardRule");//改为当前页面id
var updateAll=document.getElementById("updateAll");
var cardId=document.getElementById("cardId")//改为当前页面隐藏的id
UP.onclick=function(e){
  var elem=e.target
  if(elem.nodeName=="A"&&elem.innerHTML=="修改"){
    updateAll.style.display="block";
    cardId.value=elem.parentNode.parentNode.children[0].innerHTML//改为当前页面id
    console.log(cardId.value)
  } 
  else if(elem.nodeName=="A"&&elem.innerHTML=="删除"){
    cardId.value=elem.parentNode.parentNode.children[0].innerHTML;//给lbtid传值
    var con=confirm("确定要删除这条信息吗？") //只有当确认要修改之后才会执行ajax语句;
    if(con==true){
      ajax({
      url:"http://localhost:3000/cardRule/del?cardId="+cardId.value,//user是服务器中挂载""中的路径名称路
      type:"get",
      //data:formdata,
      dataType:"json" //自动JSON.parse()
    })
    .then(function(result){
      if(result=="200"){
        alert("修改成功！！！")
      }
      window.location.reload();
    })
    }
    
  } 


}
var sure=updateAll.children[0].lastElementChild;
console.log(sure);

sure.onclick=function(){
  var upcardId=cardId.value;
  console.log(upcardId);
  var upcardClass=document.getElementById("upcardClass").value;
  var upcardTitle=document.getElementById("upcardTitle").value;
  var upcardContent=document.getElementById("upcardContent").value;
  if(upcardClass==""||upcardTitle==""||upcardContent==""||upcardId==""){
    alert("小主，内容不能为空哦");
    return;
  }else{
    var formdata="cardClass="+upcardClass+"&cardTitle="+upcardTitle+"&cardContent="+upcardContent+"&cardId="+upcardId;
    console.log(formdata);
    confirm("确定要修改"+cardTitle+"的信息吗？")
    ajax({
      url:"http://localhost:3000/cardRule/update",//user是服务器中挂载""中的路径名称
      type:"post",
      data:formdata,
      dataType:"json" //自动JSON.parse()
    })
    .then(function(result){
      if(result=="200"){
        alert("修改成功！！！")
      }
      window.location.reload();
    })
  } 
}